<template>
	<view class="three-index-page page">
		<view @click="navigate('/pages/three/detail?type=1')" style="background: #ecfaed;" class="item">
			<view class="title FZHZGBJ">意见建议</view>
			<view class="sub-title">对于码上就业，您有哪些宝贵意见</view>
		</view>
		<view @click="navigate('/pages/three/detail?type=2')" style="background: #fef6f4;" class="item">
			<view class="title FZHZGBJ">投诉举报</view>
			<view class="sub-title">您是否遇到了欠薪等劳动保障问题</view>
		</view>
		<view @click="navigate('/pages/three/detail?type=3')" style="background: #fff6ed;" class="item">
			<view class="title FZHZGBJ">急难愁盼</view>
			<view class="sub-title">您有哪些急难愁盼问题需要我们解决？</view>
		</view>
		<view @click="navigate('/pages/three/detail?type=4')" style="background: #ebfaff;" class="item">
			<view class="title FZHZGBJ">干部作风</view>
			<view class="sub-title">您对我们就业服务工作还有哪些不满意</view>
		</view>
	</view>
</template>

<script>
	export default{
		
	}
</script>

<style lang="scss">
	page{
		background: #fff !important;
	}
	.three-index-page{
		padding: 30rpx;
		.item{
			width: 100%;
			height: 240rpx;
			border-radius: 10px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 0 40rpx;
			margin-bottom: 30rpx;
			.title{
				font-size: 40rpx;
			}
			.sub-title{
				font-size: 28rpx;
				margin-top: 30rpx;
			}
		}
	}
</style>